gusucode.com > 婚纱摄影网站模版整站源码 1.1 > 婚纱摄影网站模版整站源码 1.1.3/婚纱2/template/slide/pattern/mF_rapoo.js
myFocus.extend({//*********************雷柏风格****************** mF_rapoo:function(par,F){ var box=F.$(par.id); F.addList(box,['txt','num','prev','next']); var pic=F.$li('pic',box),txt=F.$li('txt',box),num=F.$li('num',box),pre=F.$c('prev',box),nex=F.$c('next',box); var n=txt.length;//运行时相关参数 pre.innerHTML='<a href="javascript:;">‹</a>';nex.innerHTML='<a href="javascript:;">›</a>';//前后箭头 //CSS var txts=F.$c('txt',box),nums=F.$c('num',box),txtW=par.txtWidth=='default'?68:par.txtWidth||68;//设置默认的文字宽度; txts.style.width=(n-1)*24+txtW+'px';nums.style.width=n*24+6+txtW+'px'; pre.style.right=parseInt(nums.style.width)+26+'px'; for(var i=0;i<n;i++){ txt[i].style.left=i*24+'px'; pic[i].style.left=par.width+'px'; } //PLAY eval(F.switchMF(function(){ txt[index].style.width=0+'px'; num[index].className=''; for(var i=0;i<n;i++) num[i].style.marginLeft=6+'px'; nex.style.right=88+'px' },function(){ pic[next].style.zIndex=1; F.slide(pic[next],{left:0},400,'easeInOut',function(){this.style.zIndex='';if(prev!==next){pic[prev].style.left=par.width+'px';}}).slide(txt[next],{width:txtW},400,'easeInOut').slide(nex,{right:14},400,'easeInOut'); if(next<n-1) F.slide(num[next+1],{marginLeft:txtW+12},400,'easeInOut'); num[next].className='current'; })); eval(F.bind('num','"click"',par.delay));//让其只支持click点击 eval(F.turn('pre','nex')); } }); myFocus.set.params('mF_rapoo',{//可选个性参数 txtWidth:68//文字段宽度(像素) });